<template>
    <div class="header-row">
        <div class="header">当前位置：
            <slot name="before"/>
            {{$route.meta.displayName ? $route.meta.displayName : $route.name}}
            <slot/>
        </div>
    </div>
</template>
<style scoped>
    .header-row {
        padding: 15px 20px;
        background-color: #fff;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 20px;
    }

    .header {
        padding-left: 8px;
        border-left: 5px solid #3b6cbe;
        color: #333;
    }
</style>
